<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Login | CACode Excel</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/static/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
          integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <!-- Google fonts - Popppins for copy-->
    <link rel="stylesheet" href="/static/css/googleapis.css">
    <!-- orion icons-->
    <link rel="stylesheet" href="/static/css/orionicons.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/static/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/static/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/static/img/favicon.png?3">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script><![endif]-->
</head>

<body>
<div class="page-holder d-flex align-items-center">
    <div class="container">
        <div class="row align-items-center py-5">
            <div class="col-5 col-lg-7 mx-auto mb-5 mb-lg-0">
                <div class="pr-lg-5"><img src="/static/img/illustration.svg" alt="" class="img-fluid"></div>
            </div>
            <div class="col-lg-5 px-lg-4">
                <h1 class="text-base text-primary text-uppercase mb-4">CACode Excel for website</h1>
                <h2 class="mb-4">Wecome!</h2>
                <p class="text-muted">Do you like you motherfuck work ?</p>
                {% if error_text %}
                    <p style="color: red">ERROR:&nbsp;&nbsp;{{ error_text }}!!!!!!</p>
                {% endif %}
                {% if login %}
                    <a href="dashboard" class="text-primary">DashBoard --></a>
                {% endif %}
                <form id="loginForm" action="/login" method="POST" class="mt-4">
                    <div class="form-group mb-4">
                        <input type="text" name="email" placeholder="You email address"
                               class="form-control border-0 shadow form-control-lg">
                    </div>
                    <div class="form-group mb-4">
                        <input type="password" name="password" placeholder="Password"
                               class="form-control border-0 shadow form-control-lg text-violet">
                    </div>
                    <div class="form-group mb-4">
                        <a href="/join">Go to Sign in -> </a>
                    </div>
                    <button type="submit" class="btn btn-primary shadow px-5">Log in</button>
                    {% csrf_token %}
                </form>
            </div>
        </div>
        <p style="text-align:center;">Copyright ©2019 CACode
            <a rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">粤ICP备20009502</a>
        </p>
        <p style="text-align:center;">
            <span>Customer Service WeChat: cacode</span>;
            <span>Customer Service QQ: 2075383131</span>;
            <span>Main Website: <a href="https://cacode.ren">https://cacode.ren</a></span>
        </p>
    </div>
</div>
<!-- JavaScript files-->
<script src="/static/vendor/jquery/jquery.min.js"></script>
<script src="/static/vendor/popper.js/umd/popper.min.js"></script>
<script src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/vendor/jquery.cookie/jquery.cookie.js"></script>
<script src="/static/vendor/chart.js/Chart.min.js"></script>
<script src="/static/js/js.cookie.min.js"></script>
<script src="/static/js/front.js"></script>
</body>

</html>